<!doctype html>
<html lang="zh" class="no-js">
  <head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content="Hugo 0.75.1" />


<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<meta name="google-site-verification" content="9Ph9Wm3pZwsQkEkjY7ZubNjjiPp6nODqkLZDjJgoaCY" />

<link rel="alternate" type="application/rss&#43;xml" href="https://gqw.github.io/index.xml">


<link rel="shortcut icon" href="/favicons/favicon.ico?" >
<link rel="apple-touch-icon" href="/favicons/apple-touch-icon-180x180.png" sizes="180x180">
<link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicons/android-36x36.png" sizes="36x36">
<link rel="icon" type="image/png" href="/favicons/android-48x48.png" sizes="48x48">
<link rel="icon" type="image/png" href="/favicons/android-72x72.png" sizes="72x72">
<link rel="icon" type="image/png" href="/favicons/android-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicons/android-144x144.png" sizes="144x144">
<link rel="icon" type="image/png" href="/favicons/android-192x192.png" sizes="192x192">

<title>努力探求技术边界</title><meta property="og:title" content="顾起威" />
<meta property="og:description" content="顾起威的技术站点" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gqw.github.io/" />
<meta property="og:image" content="https://gqw.github.io/featured-background.jpg"/>
<meta property="og:site_name" content="努力探求技术边界" />
<meta itemprop="name" content="顾起威">
<meta itemprop="description" content="顾起威的技术站点">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://gqw.github.io/featured-background.jpg"/>
<meta name="twitter:title" content="顾起威"/>
<meta name="twitter:description" content="顾起威的技术站点"/>





<link rel="preload" href="/scss/main.min.276cf758ea51ad17445a946225f8c9b77391699167c3fb92541c8dfce581a44c.css" as="style">
<link href="/scss/main.min.276cf758ea51ad17445a946225f8c9b77391699167c3fb92541c8dfce581a44c.css" rel="stylesheet" integrity="">


<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>



  </head>
  <body class="td-home">
    <header>
      
<nav class="js-navbar-scroll navbar navbar-expand navbar-dark  td-navbar-cover flex-column flex-md-row td-navbar">
        <a class="navbar-brand" href="/">
		<span class="navbar-logo"><svg height="232pt" viewBox="0 0 232 232" width="232pt" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.1 0 0 -.1 0 232)"><path d="m1385 2213c-22-20-68-49-103-65-73-35-137-40-282-20-189 26-321-20-336-118-5-33-9-36-40-36-64 0-130-93-188-266-29-86-48-221-41-298 9-114 18-162 30-166 7-3 30-1 52 5l39 11 22 96c21 90 68 198 111 253l18 23 6-47c17-118 89-171 231-169 65 1 119 11 276 54 161 45 209 54 275 54 144 0 205-61 205-204v-57l61-12c34-7 62-11 64-9 10 10 25 144 25 223 0 173-46 299-144 4e2l-55 56-54-31c-62-35-89-40-37-7 75 47 141 138 156 215l7 32-58-35c-66-39-139-58-207-53l-47 3 20 45c19 42 44 148 37 155-2 2-21-13-43-32z"/><path d="m516 1230c-49-10-95-21-102-24-16-6-19-76-4-76 17 0 50-63 50-94 0-68 33-149 79-197 56-57 103-73 222-73 73 0 93 4 142 28 97 47 167 157 167 261 0 44 1 45 33 45s32 0 33-53c1-75 36-148 99-206 65-58 120-76 231-75 170 2 255 80 279 254 8 63 27 105 50 114 11 4 15 16 13 38-3 32-5 33-78 50-170 41-351 33-479-20-89-37-211-38-285-4-111 52-292 65-450 32zm385-59c78-30 114-70 113-126-1-62-47-150-97-186-53-39-108-52-188-47-131 10-198 78-207 212-6 91 12 129 71 157 58 27 226 22 308-10zm708 11c73-36 97-114 67-215-22-76-64-123-129-142-1e2-30-201-14-266 41-75 64-114 187-76 241 40 57 145 91 280 92 67 1 99-4 124-17z"/><path d="m783 1105c-29-20-46-75-34-107 11-30 57-68 81-68 35 0 78 22 89 46 14 32 14 85-2 105-30 39-96 51-134 24z"/><path d="m1473 1105c-29-20-46-75-34-106 5-13 19-35 31-48 19-19 30-22 64-18 54 7 86 44 86 97 0 70-89 116-147 75z"/><path d="m459 537c-25-7-59-23-76-35-89-63-92-230-6-301 60-49 134-59 231-29l32 10v74c0 59 3 74 15 74 8 0 15 5 15 10 0 6-33 10-80 10s-80-4-80-10c0-5 11-10 25-10 25 0 25-1 25-80v-80h-35c-77 0-125 71-125 182 1 116 53 183 138 176 34-3 37-6 51-50 10-34 20-48 33-48 15 0 18 8 18 45 0 38-4 47-23 54-45 17-112 20-158 8z"/><path d="m960 538c-77-21-124-92-124-188 0-84 31-145 91-178 29-16 45-33 53-56 15-48 84-73 150-57l35 9-41 1c-44 1-70 21-76 58-2 18 6 27 42 45 71 36 105 116 94 215-8 71-63 135-128 152-51 13-49 13-96-1zm89-18c32-16 51-83 51-173-1-134-39-192-116-173-77 20-90 288-17 344 20 14 57 16 82 2z"/><path d="m1367 525c18-13 24-26 38-85 2-8 22-72 43-142 22-70 37-130 34-133s6-5 21-5c24 0 28 7 52 88 48 162 62 198 69 181 4-9 24-72 44-140 31-103 41-125 58-127 18-3 24 10 53 110 74 260 70 248 96 248 14 0 25 5 25 10 0 6-27 10-60 10s-60-4-60-10c0-5 12-10 26-10 22 0 24-3 18-22-4-13-20-72-35-131-15-60-29-111-32-113-3-4-48 141-62 203-2 10-7 28-11 41-5 19-3 22 20 22 14 0 26 5 26 10 0 6-33 10-80 10-44 0-80-4-80-9s11-11 23-13l24-3-29-1e2c-16-55-31-111-34-124-11-52-18-41-46 65-42 159-42 164-18 164 11 0 20 5 20 10 0 6-34 10-82 10-76 0-81-1-61-15z"/></g></svg></span><span class="text-uppercase font-weight-bold">努力探求技术边界</span>
	</a>
	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
		<ul class="navbar-nav mt-2 mt-lg-0">
			
			
			<li class="nav-item mr-4 mb-2 mb-lg-0">
				
				
				
				
				
				
				<a class="nav-link" href="/blog/" ><span>博客</span></a>
			</li>
			
			<li class="nav-item mr-4 mb-2 mb-lg-0">
				
				
				
				
				
				
				<a class="nav-link" href="/about/" ><span>关于</span></a>
			</li>
			
			
			
		</ul>
	</div>
	<div class="navbar-nav d-none d-lg-block">
<input type="search" class="form-control td-search-input" placeholder="&#xf002 站内搜索…" aria-label="站内搜索…" autocomplete="off">

</div>
</nav>

    </header>
    <div class="container-fluid td-default td-outer">
      <main role="main" class="td-main">
        















<link rel="preload" as="image" href="/featured-background_hu7d96f50198c20a2d9825c207a8398ed2_39834_960x540_fill_q75_catmullrom_top.jpg" media="(max-width: 1200px)">
<link rel="preload" as="image" href="/featured-background_hu7d96f50198c20a2d9825c207a8398ed2_39834_1920x1080_fill_q75_catmullrom_top.jpg" media="(min-width: 1200px)">
<style>
#td-cover-block-0 {
    background-image: url(/featured-background_hu7d96f50198c20a2d9825c207a8398ed2_39834_960x540_fill_q75_catmullrom_top.jpg); 
}
@media only screen and (min-width: 1200px) {
    #td-cover-block-0 {
        background-image: url(/featured-background_hu7d96f50198c20a2d9825c207a8398ed2_39834_1920x1080_fill_q75_catmullrom_top.jpg); 
    }
}
</style>

<section id="td-cover-block-0" class="row td-cover-block td-cover-block--height-full js-td-cover td-overlay td-overlay--dark -bg-orange">
  <div class="container td-overlay__inner">
    <div class="row">
      <div class="col-12">
        <div class="text-center">
          <h1 class="display-1 mt-0 mt-md-5 pb-4">欢迎进入顾起威博客</h1>
          
          <div class="pt-3 lead">
            <div class="mx-auto">
	<a class="btn btn-lg btn-primary mr-3 mb-4" href="/blog/">
		进入 <i class="fas fa-arrow-alt-circle-right ml-2"></i>
	</a>
<p><a class="btn btn-link text-info" href="#td-block-1"><i class="fa fa-chevron-circle-down" style="font-size: 400%"></i></a></p>
</div>

          </div>
        </div>
      </div>
    </div>
  </div>
  
</section>



<!-- 



<a id="td-block-1" class="td-offset-anchor"></a>
<section class="row td-box td-box--primary position-relative td-box--gradient td-box--height-auto">
	<div class="container text-center td-arrow-down">
		<span class="h4 mb-0">
			&ndash;&gt;</p>
<!-- Goldydocs provides a single web UI providing visibility into porridge temperature, chair size, and bed softness metrics! You can even find out who's been eating **your** porridge. -->
<!-- (Sadly, Goldydocs isn't a real project, but you can use this site as an example to create your own real websites with [Docsy](http://docsy.dev)) -->
<!--
		</span>
	</div>
</section>
 -->

<!-- 


 
<a id="td-block-2" class="td-offset-anchor"></a>
<section class="row td-box td-box--dark td-box--gradient td-box--height-auto">
	<div class="col">
		<div class="row ">
			<p>&ndash;&gt;</p>
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fas fa-lightbulb"></i>
  </div>
  <h4 class="h3">New chair metrics!</h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- The Goldydocs UI now shows chair size metrics by default. -->
<!-- Please follow this space for updates! -->
<!-- </p>
  
</div>
 -->
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fab fa-github"></i>
  </div>
  <h4 class="h3">Contributions welcome!</h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- We do a [Pull Request](https://github.com/gohugoio/hugo/pulls) contributions workflow on **GitHub**. New users are always welcome! -->
<!-- </p>
  <p><a href="https://github.com/google/docsy-example">更多 …</a></p>
</div>
 -->
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fab fa-twitter"></i>
  </div>
  <h4 class="h3">Follow us on Twitter!</h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- For announcement of latest features etc. -->
<!-- </p>
  <p><a href="https://twitter.com/docsydocs">更多 …</a></p>
</div>
 -->
<!-- 
		</div>
	</div>
</section>
 -->


<!-- 


 
<a id="td-block-3" class="td-offset-anchor"></a>
<section class="row td-box td-box--3 td-box--gradient td-box--height-auto">
	<div class="col">
		<div class="row ">
			<p>&ndash;&gt;</p>
<!-- <div class="col"> -->
<!-- <h1 class="text-center">This is the second Section</h1> -->
<!-- </div> -->
<!-- 
		</div>
	</div>
</section>
 -->



<!-- 


 
<a id="td-block-4" class="td-offset-anchor"></a>
<section class="row td-box td-box--4 td-box--gradient td-box--height-auto">
	<div class="col">
		<div class="row ">
			<p>&ndash;&gt;</p>
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fab fa-app-store-ios"></i>
  </div>
  <h4 class="h3">Download <strong>from AppStore</strong></h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- Get the Goldydocs app! -->
<!-- </p>
  
</div>
 -->
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fab fa-github"></i>
  </div>
  <h4 class="h3">Contributions welcome!</h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- We do a [Pull Request](https://github.com/gohugoio/hugo/pulls) contributions workflow on **GitHub**. New users are always welcome! -->
<!-- </p>
  <p><a href="https://github.com/gohugoio/hugo">更多 …</a></p>
</div>
 -->
<!-- 

<div class="col-lg-4 mb-5 mb-lg-0 text-center ">
  <div class="mb-4 h1">
    <i class="fab fa-twitter"></i>
  </div>
  <h4 class="h3">Follow us on Twitter!</h4>
  <p class="mb-0"><p>&ndash;&gt;</p>
<!-- For announcement of latest features etc. -->
<!-- </p>
  <p><a href="https://twitter.com/GoHugoIO">更多 …</a></p>
</div>
 -->
<!-- 
		</div>
	</div>
</section>
 -->

<!-- 


 
<a id="td-block-5" class="td-offset-anchor"></a>
<section class="row td-box td-box--5 td-box--gradient td-box--height-auto">
	<div class="col">
		<div class="row ">
			<p>&ndash;&gt;</p>
<!-- <div class="col-12"> -->
<!-- <h1 class="text-center">This is another Section</h1> -->
<!-- </div> -->
<!-- 
		</div>
	</div>
</section>
 -->



      </main>
      
<footer class="bg-dark py-5 row d-print-none">
  <div class="container-fluid mx-sm-5">
    <div class="row">
      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
        
        
        
<ul class="list-inline mb-0">
  
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="User mailing list" aria-label="User mailing list">
    <a class="text-white" target="_blank" href="gqwmail@qq.com">
      <i class="fa fa-envelope"></i>
    </a>
  </li>
  
</ul>

        
        
      </div>
      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
        
        
        
<ul class="list-inline mb-0">
  
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="GitHub" aria-label="GitHub">
    <a class="text-white" target="_blank" href="https://github.com/gqw">
      <i class="fab fa-github"></i>
    </a>
  </li>
  
</ul>

        
        
      </div>
      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
        <small class="text-white">&copy; 2020 The Docsy Authors All Rights Reserved</small>
        
		
			<p class="mt-2"><a href="/about/">关于</a></p>
		
      </div>
    </div>
  </div>
</footer>


<script type="text/javascript"
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [['$','$']],
      displayMath: [['$$','$$']],
      processEscapes: true,
      processEnvironments: true,
      skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
      TeX: { equationNumbers: { autoNumber: "AMS" },
          extensions: ["AMSmath.js", "AMSsymbols.js"] }
      }
  });
  </script>

    </div>
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>







<script src="/js/main.min.b99ff36446a5ac4634439b55123fb4bc85e1a0423d2b19b088890d1e33f503a6.js" integrity="sha256-uZ/zZEalrEY0Q5tVEj&#43;0vIXhoEI9KxmwiIkNHjP1A6Y=" crossorigin="anonymous"></script>



  </body>
</html>